<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body { margin:0 auto; font-size:12px; font-family:Verdana; line-height:1.5;}
ul,dl,dt,dd,h1,h2,h3,h4,h5,h6,form { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#05a; text-decoration:none;}
a:hover { color:#f00;}
#layout {overflow: auto;border:1px solid #e1e1e1;margin: 10px;}
#layout ul li { float:left; text-align: center;margin:20px 0 0px 20px; }

#layout ul li a,img { display:block;}
#layout ul li a img { padding:1px; border:1px solid #e1e1e1; margin-bottom:3px;}
#layout ul li a:hover img { padding:0px; border:2px solid #f98510;}
</style>
</head>
<body>
<div id="layout">
<ul>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
<li><a href="#"><img src="../img/shop.png" width="128" height="128" />商店</a></li>
</ul>
</div>
</body>
</html>
